<template>
  <div class="shortPractice">
    <table-box :title="titleType">
      <template v-slot:more>
      </template>
      <template v-slot:type-span>
        <type-span v-for="(items, idx) in positionType" :key="idx">
          {{items}}
        </type-span>
      </template>
      <template v-slot:item-list>
        <item-list v-for="(items, idx) in positionDetail" :key="idx" :cont="items"></item-list>
      </template>
    </table-box>
  </div>
</template>
<script>
// 引入tableBox组件，该组件可被复用
import TableBox from "@/components/returnee/tableBox.vue"
// 引入自定义的span组件
import TypeSpan from "@/components/returnee/typeSpan.vue"
// 引入自定义的item组件
import ItemList from "@/components/returnee/itemList.vue"
export default {
  name: "shortpractice",
  components: {
    TableBox,
    TypeSpan,
    ItemList
  },
  data() {
    return {
      titleType: "短期实习",
      positionType: ["qq", "ss", "ss", "ss", "ss", "ss", "ss"],
       positionDetail: [{
        job: "java",
        msg: "msg",
        salary: "25-30k",
        location: "北京",
        education: "本科",
        imgAdress: "",
        companyName: "网易",
        intro: "介绍介绍介绍介绍"
      },{
        job: "kotlin",
        msg: "msg",
        salary: "25-30k",
        location: "北京",
        education: "本科",
        imgAdress: "",
        companyName: "网易",
        intro: "介绍介绍介绍介绍"
      }]
    }
  }
}
</script>